<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="/static/css/common/reset.css" />
    <link rel="stylesheet" href="/static/css/associate.css" />
    <link rel="stylesheet" href="/static/css/ng-pagination.min.css" />
    <title>宾果高校</title>
</head>
<body>
    <div class="associate">
        <div id="divHeader"></div>
        <section class="assoc-content container clearfix">
            <div class="assoc-c-left fl">
                <div class="assoc-cl-top">
                    <img src="/static/images/community1.png" />
                </div>
                <div id="divNavigation"></div>
            </div>
            <div class="assoc-c-right fr" ng-app="myApp">
                <div class="assoc-cr-underActivity mt40" ng-controller="collectionCtrl">
                    <p class="f14">企业赞助收藏</p>
                    <div class="assoc-cru-content mt20">
                        <div class="assoc-cru-list mt5 borderbtm clearfix">
                            <p class="">项目名称</p>
                            <p>发布时间</p>
                            <!--<p>浏览次数</p>-->
                            <p>社团邀请</p>
                            <p>提供赞助金</p>
                            <p>查看详情</p>
                            <p>活动状态</p>
                        </div>
                        <ul class="assoc-cruc-tab">
                            <li class="assoc-cru-list clearfix" ng-repeat="x in names">
                                <p>{{x.ProjectName}}</p>
                                <p>{{x.CreateDate}}</p>
                                <!--<p>3</p>-->
                                <p>{{x.ContractNumber}}</p>
                                <p>{{x.Amount}}</p>
                                <p><a href="#" class="assoc-crul-check">点击查看</a></p>
                                <p>{{x.Status | projectStatus}}</p>
                            </li>
                        </ul>
                    </div>
                    <div class="page">
                        <div class="center">
                            <pager page-count="pageCount" current-page="currentPage" on-page-change="onPageChange()" first-text="首页" next-text="下一页" prev-text="上一页" last-text="尾页"></pager>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <div id="divFooter"></div>
</body>
</html>

<script type="text/javascript" src="/static/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<script type="text/javascript" src="/static/js/angular.min.js"></script>
<script type="text/javascript" src="/static/js/ng-pagination.min.js"></script>
<script>

    $("#divHeader").load("/wuc/header.html");
    $("#divFooter").load("/wuc/footer.html");
    $("#divNavigation").load("/wuc/navigation.html");

    var app = angular.module('myApp', ['projectStatusFilters', 'ng-pagination']);

    angular.module('projectStatusFilters', []).filter('projectStatus', function () {
        return function (input) {
            switch (input) {
                case 'Overdue':
                    return "已过期";
                case 'Started':
                    return "已开始";
                case 'Cancelled':
                    return "已取消";
                case 'Closed':
                    return "已结束";
                case 'Open':
                    return "赞助中";
            }
        };
    });

    common.CreatePagingCtrl({ name: 'collectionCtrl', url: '/api/project/ListProjectCollection', limit: 10, app: app });

</script>
